<?xml version='1.0' encoding='UTF-8' ?>  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" 
 	  xmlns:h="http://java.sun.com/jsf/html"      
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:p="http://primefaces.org/ui">
     
<h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
		<h:outputScript library="primefaces" name="jquery/jquery.js" target="head" />
		<link rel="stylesheet" media="screen,projection" type="text/css" href="css/reset.css" /> 
		<link rel="stylesheet" media="screen,projection" type="text/css" href="css/custom.css" /> 
		<link rel="stylesheet" media="screen,projection" type="text/css" href="css/main.css" /> 
		<link rel="stylesheet" media="screen,projection" type="text/css" href="css/2col.css" title="2col" /> 
		<link rel="stylesheet" media="screen,projection" type="text/css" href="css/style.css" />
	<h:outputScript target="head">
	$(document).ready(function(){
		$(".tabs > ul").tabs();
		
		$(".box li a").click(function(){
			$(".submenu-active").removeClass('submenu-active');
			($(this).parent()).addClass('submenu-active');
		});
	});
	</h:outputScript>
</h:head>
<h:body>
<div id="main">

	<!-- Tray -->
	<div id="tray" class="box">
			<h:form>
		<p class="f-left box">

			<!-- Switcher -->
			<span class="f-left" id="switcher">
				<a href="#" rel="1col" class="styleswitch ico-col1" title="Display one column"><img src="design/switcher-1col.gif" alt="1 Column" /></a>
				<a href="#" rel="2col" class="styleswitch ico-col2" title="Display two columns"><img src="design/switcher-2col.gif" alt="2 Columns" /></a>
			</span>
			Projet: <strong>StoreForce</strong>
		</p>
		<p class="f-right">Utilisateur: <strong><a href="#">Administrateur</a></strong> <strong>
							<!-- <a href="#" id="logout">Déconnexion</a> -->
							<h:commandLink  id="logout" 
                             type="submit"
                             value="Déconnexion"
                             action="#{authenMB.logout}" ajax="false"/>
							
		</strong></p>
 </h:form>
	</div> <!--  /tray -->

	<hr class="noscreen" />

	<hr class="noscreen" />
	<!-- Columns -->
	<div id="cols" class="box">
		<!-- Aside (Left Column) -->
		<div id="aside" class="box">
			<div class="padding box">
				<!-- Logo (Max. width = 200px) -->
				<p id="logo"><a href="#"><img src="tmp/logo.jpg" alt="Our logo" title="Visit Site" /></a></p>
			</div> <!-- /padding -->
	<h:form >

			<ul class="box">
					<li id="general" >
					<h:commandLink  id="general" 
	                             type="general"
	                             value="Général"
								 action="general.xhtml?faces-redirect=true}"      />
				    </li>
				    
					<li id="planification" > 
					
						<c:choose>
							    <c:when test="${authenMB.planification == true}">
							     <h:commandLink  id="planification" style="color:#595959"
	                             type="submit"
	                             value="Planification"
								 action="planification.xhtml?faces-redirect=true}"    />
							    </c:when>
							    <c:otherwise>
							    <h:commandLink  id="planificationn" style="color:#bfbfbf"
	                             type="submit"
	                             value="Planification" />
							    </c:otherwise>
							</c:choose>
					
					</li>
					<li  id="nomenclature" >
						<c:choose>
							    <c:when test="${authenMB.nomenclature == true}">
							    <h:commandLink  id="nomenclatureId" style="color:#595959"
	                             type="submit" binding="#{indexBean.commondLinkButton}"
	                             value="Nomenclature" 
								 action="levelNomenclature.xhtml?faces-redirect=true}" />
							    </c:when>
							    <c:otherwise>
							     <h:commandLink  id="nomenclaturee" style="color:#bfbfbf"
	                             type="submit"
	                             value="Nomenclature"/>
							    </c:otherwise>
							</c:choose>
					</li>
					<li  id="pointDeVente">
						<c:choose>
							    <c:when test="${authenMB.pointDeVente == true}">
							    <h:commandLink  id="pointDeVente" style="color:#595959"
	                             type="submit"
	                             value="Point de  vente"
								 action="listePointDeVente.xhtml?faces-redirect=true}"  />
							    </c:when>
							    <c:otherwise>
							    <h:commandLink  id="pointDeVentee" style="color:#bfbfbf"
	                             type="submit"
	                             value="Point de  vente"  />
							    </c:otherwise>
							</c:choose>
					</li>
					<li  id="role" >
<!-- 						<c:choose> -->
<!-- 							    <c:when test="${authenMB.role == true}"> -->
							    <h:commandLink  id="role" style="color:#595959"
	                             type="submit"
	                             value="Rôle"
								 action="role.xhtml?faces-redirect=true}"   />
<!-- 							    </c:when> -->
<!-- 							    <c:otherwise> -->
<!-- 							     <h:commandLink  id="rolee" style="color:#bfbfbf" -->
<!-- 	                             type="submit" -->
<!-- 	                             value="Rôle"  /> -->
<!-- 							    </c:otherwise> -->
<!-- 							</c:choose> -->
					</li>
					<li id="activite" >
<!-- 						<c:choose> -->
<!-- 							    <c:when test="${authenMB.activites == true}"> -->
						    	<h:commandLink  id="activite" style="color:#595959"
	                             type="submit"
	                             value="Activités"
								 action="activite.xhtml?faces-redirect=true}" />
<!-- 							    </c:when> -->
<!-- 							    <c:otherwise> -->
<!-- 							    <h:commandLink  id="activitee" style="color:#bfbfbf" -->
<!-- 	                             type="submit" -->
<!-- 	                             value="Activités" /> -->
<!-- 							    </c:otherwise> -->
<!-- 							</c:choose> -->
					</li>
					<li  id="utilisateur" >
<!-- 						<c:choose> -->
<!-- 							    <c:when test="${authenMB.utilisateurs == true}"> -->
							    <h:commandLink  id="utilisateur"  style="color:#595959"
	                             type="submit"
	                             value="Utilisateurs"
								 action="utilisateur.xhtml?faces-redirect=true}"   />
<!-- 							    </c:when> -->
<!-- 							    <c:otherwise> -->
<!-- 							    <h:commandLink  id="utilisateurr"  style="color:#bfbfbf" -->
<!-- 	                             type="submit" -->
<!-- 	                             value="Utilisateurs" /> -->
<!-- 							    </c:otherwise> -->
<!-- 							</c:choose> -->
					</li>
					<li  id="rapport" >
<!-- 						<c:choose> -->
<!-- 							    <c:when test="${authenMB.rapports == true}"> -->
							    <h:commandLink  id="rapport" style="color:#595959"
	                             type="submit"
	                             value="Rapports"
								 action="rapport.xhtml?faces-redirect=true}" />
<!-- 							    </c:when> -->
<!-- 							    <c:otherwise> -->
<!-- 							    <h:commandLink  id="rapportt" style="color:#bfbfbf" -->
<!-- 	                             type="submit" -->
<!-- 	                             value="Rapports" /> -->
<!-- 							    </c:otherwise> -->
<!-- 							</c:choose> -->
							
				 	</li>
				 	
			</ul>
	</h:form>

		</div> <!-- /aside -->

		<hr class="noscreen" />

		<!-- Content (Right Column) -->
		<div id="content" class="box">
		
         <ui:insert name="body">
			<h:outputText value="#{authenMB.stringdate}"/>
		 </ui:insert>

		</div> <!-- /content -->

	</div> <!-- /cols -->

	<hr class="noscreen" />
	
	<!-- Footer -->
	<div id="footer" class="box">
		<p class="f-left"> 2012 <a href="#">StoreForce</a>, All Rights Reserved </p>
	</div> 
	<!-- /Footer -->

</div> <!-- /main -->
</h:body>
</html>